<!DOCTYPE HTML>
<html>
    <head>
        <title>Materie</title>
        <meta name="viewport" content="width=device-width,initial-scale=1"/>
        <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.2.min.css" />
        <link rel="stylesheet" href="css/styles.css">
         
  
    </head>

    <body>
    <div data-role="header" style="z-index: 100">
		<a href="index.html" data-role="button" data-mini="true">Home</a><h3> Lista Materie</h3>
	</div>
	
	<div data-role="content" id="content">	
			<div id="idInsertContainer" class="target">
				<div  id="IdDivInseriemntoMateria" class ="divInseriemntoMateria">
					<div data-role="fieldcontain" style="margin-top: 6%">
		   			 <label for="idMateria" style="font-size: 22px">Materia:</label>
		    					<input  id="idMateria" name="idMateria" placeholder="Materia.." value="">
					</div>
					<div style="float: right;">
						<fieldset class="ui-grid-a">
					    	<div class="ui-block-a"><button type="submit" id="idCalcellaMateria" data-icon="delete" data-theme="c">Cancella</button></div>
					   		<div class="ui-block-b"><button type="submit" id="idSalvaMateria" data-icon="check" data-theme="b">Salva</button></div>
						</fieldset>
					</div> 
				</div>
				<div id="idAddMateria" class ="addMateria" ><label id="aa">+</label></div>
			</div>
		
			<div id="busy">Loading...</div>

</div>	
	  <script src="js/jquery-1.10.2.js"></script>
	 	<script src="js/jquery.mobile-1.3.2.min.js"></script>
	 		<script src="js/phonegap.js" ></script>
		<script src="js/materialist.js"></script>
    </body>

</html>